:root { 
  --alto: #d9d9d9;
  --big-stone: #1b2d39;
  --black: #000000;
  --black-2: #0000001c;
  --black-3: #0000004f;
  --blueberry: #6659ff;
  --bon-jour: #dfdfdf;
  --bon-jour-2: #e1e1e1;
  --celeste: #d1d1d1;
  --celeste-2: #cccccc;
  --chicago: #595959;
  --cod-gray: #0b0b0b;
  --cod-gray-2: #0a0a0a;
  --cod-gray-3: #0a0a0a80;
  --cod-gray-4: #0a0a0ac2;
  --cornflower: #91d3ff;
  --cyan--aqua: #00d9ff;
  --dove-gray: #707070;
  --earls-green: #c6d338;
  --fuscous-gray: #505050;
  --fuscous-gray-2: #525252;
  --fuscous-gray-3: #555555;
  --gallery: #efefef;
  --gorse: #fcf250;
  --gorse-2: #fdf150;
  --granite-gray: #686868;
  --granite-gray-2: #66666640;
  --gray: #828282;
  --heavy-metal: #2c2c2c;
  --j4ie3l: #ffff00;
  --jon: #3a1e1e;
  --lochmara: #0075c4;
  --log-cabin: #232323;
  --madang: #b3ffc4;
  --mikado: #2d250d;
  --mine-shaft: #323232;
  --mona-lisa: #ff9696;
  --nobel: #b3b3b3;
  --onahau: #c8e8ff;
  --onyx: #373737;
  --orange-red: #ff2323;
  --palm-green: #07200c;
  --pink-swan: #bbbbbb;
  --quick-silver: #a4a4a4;
  --quick-silver-2: #a7a7a7;
  --screamin-green: #78ff8d;
  --screamin-green-2: #5ced6b;
  --shark: #26262680;
  --shark-2: #242424;
  --shark-3: #1a262d;
  --shark-4: #252525;
  --ship-gray: #3f3f3f;
  --silver: #c0c0c0;
  --suva-gray: #888888;
  --sweet-pink: #ff9f9f;
  --white: #ffffff;
  --woodsmoke: #0e0e0e;
  --woodsmoke-2: #080d13;
  --woodsmoke-3: #101010;
  --x-: #4eff75;
  --x6wg4ud: #ff7193;
  --zircon: #f2faff;
 
  --font-size-l: 27px;
  --font-size-m: 20px;
  --font-size-s: 18px;
  --font-size-xl: 30px;
  --font-size-xs: 17px;
  --font-size-xxs: 16px;
  --font-size-xxxs: 13px;
 
  --font-family-galmuri11-regular: "Galmuri11-Regular", Helvetica;
  --font-family-inter: "Inter", Helvetica;
  --font-family-poppins: "Poppins", Helvetica;
  --font-family-prata: "Prata", Helvetica;
  --font-family-pretendard-black: "Pretendard-Black", Helvetica;
  --font-family-pretendard-bold: "Pretendard-Bold", Helvetica;
  --font-family-pretendard-extrabold: "Pretendard-ExtraBold", Helvetica;
  --font-family-pretendard-extralight: "Pretendard-ExtraLight", Helvetica;
  --font-family-pretendard-light: "Pretendard-Light", Helvetica;
  --font-family-pretendard-medium: "Pretendard-Medium", Helvetica;
  --font-family-pretendard-regular: "Pretendard-Regular", Helvetica;
  --font-family-pretendard-semibold: "Pretendard-SemiBold", Helvetica;
  --font-family-suite-bold: "SUITE-Bold", Helvetica;
  --font-family-suite-extrabold: "SUITE-ExtraBold", Helvetica;
  --font-family-suite-heavy: "SUITE-Heavy", Helvetica;
  --font-family-suite-medium: "SUITE-Medium", Helvetica;
  --font-family-suite-regular: "SUITE-Regular", Helvetica;
  --font-family-suite-semibold: "SUITE-SemiBold", Helvetica;
  --font-family-telegraf-regular: "Telegraf-Regular", Helvetica;
}
.pretendard-regular-normal-quick-silver-20px {
  color: var(--quick-silver);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.pretendard-regular-normal-white-20px {
  color: var(--white);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.pretendard-medium-black-14px {
  color: var(--black);
  font-family: var(--font-family-pretendard-medium);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

.pretendard-semi-bold-granite-gray-16px {
  color: var(--granite-gray);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 600;
}

.telegraf-regular-normal-white-11px {
  color: var(--white);
  font-family: var(--font-family-telegraf-regular);
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
}

.telegraf-regular-normal-white-16px {
  color: var(--white);
  font-family: var(--font-family-telegraf-regular);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.telegraf-regular-normal-white-27px {
  color: var(--white);
  font-family: var(--font-family-telegraf-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.telegraf-regular-normal-white-14px {
  color: var(--white);
  font-family: var(--font-family-telegraf-regular);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.pretendard-semi-bold-white-20px {
  color: var(--white);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.pretendard-medium-white-13px {
  color: var(--white);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 500;
}

.poppins-bold-white-31-3px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: 31.3px;
  font-style: normal;
  font-weight: 700;
}

.poppins-bold-white-9px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
}

.pretendard-semi-bold-screamin-green-20px {
  color: var(--screamin-green);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.pretendard-extra-extra-bold-white-30px {
  color: var(--white);
  font-family: var(--font-family-pretendard-extrabold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 800;
}

.pretendard-extra-extra-bold-white-56px {
  color: var(--white);
  font-family: var(--font-family-pretendard-extrabold);
  font-size: 56px;
  font-style: normal;
  font-weight: 800;
}

.suite-medium-pink-swan-20px {
  color: var(--pink-swan);
  font-family: var(--font-family-suite-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.suite-medium-white-18px {
  color: var(--white);
  font-family: var(--font-family-suite-medium);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.pretendard-extra-extra-bold-white-40px {
  color: var(--white);
  font-family: var(--font-family-pretendard-extrabold);
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
}

.telegraf-regular-normal-white-30px {
  color: var(--white);
  font-family: var(--font-family-telegraf-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.telegraf-regular-normal-black-16px {
  color: var(--black);
  font-family: var(--font-family-telegraf-regular);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.pretendard-regular-normal-cyan--aqua-18px {
  color: var(--cyan--aqua);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.pretendard-medium-cyan--aqua-30px {
  color: var(--cyan--aqua);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.telegraf-regular-normal-mona-lisa-20px {
  color: var(--mona-lisa);
  font-family: var(--font-family-telegraf-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.suite-regular-normal-celeste-20px {
  color: var(--celeste);
  font-family: var(--font-family-suite-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.pretendard-regular-normal-white-16px {
  color: var(--white);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.pretendard-medium-screamin-green-20px {
  color: var(--x-);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.suite-bold-white-31px {
  color: var(--white);
  font-family: var(--font-family-suite-bold);
  font-size: 31px;
  font-style: normal;
  font-weight: 700;
}

.suite-medium-white-16px {
  color: var(--white);
  font-family: var(--font-family-suite-medium);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
}

.pretendard-bold-black-11-5px {
  color: var(--black);
  font-family: var(--font-family-pretendard-bold);
  font-size: 11.5px;
  font-style: normal;
  font-weight: 700;
}

.poppins-medium-white-13-7px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: 13.7px;
  font-style: normal;
  font-weight: 500;
}

.pretendard-bold-white-27px {
  color: var(--white);
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.pretendard-medium-white-27px {
  color: var(--white);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.pretendard-regular-normal-white-18px {
  color: var(--white);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.pretendard-semi-bold-white-30px {
  color: var(--white);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.pretendard-regular-normal-gallery-20px {
  color: var(--gallery);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.pretendard-medium-white-20px {
  color: var(--white);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.pretendard-bold-white-15px {
  color: var(--white);
  font-family: var(--font-family-pretendard-bold);
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
}

.pretendard-regular-normal-white-12px {
  color: var(--white);
  font-family: var(--font-family-pretendard-regular);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.pretendard-bold-white-20px {
  color: var(--white);
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.pretendard-extra-extra-bold-screamin-green-20-9px {
  color: var(--x-);
  font-family: var(--font-family-pretendard-extrabold);
  font-size: 20.9px;
  font-style: normal;
  font-weight: 800;
}

.inter-normal-white-28-6px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 28.6px;
  font-style: normal;
  font-weight: 400;
}

.suite-semi-bold-quick-silver-20px {
  color: var(--quick-silver-2);
  font-family: var(--font-family-suite-semibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.telegraf-regular-normal-cyan--aqua-20px {
  color: var(--cyan--aqua);
  font-family: var(--font-family-telegraf-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.pretendard-extra-extra-bold-white-20px {
  color: var(--white);
  font-family: var(--font-family-pretendard-extrabold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 800;
}

.telegraf-regular-normal-black-56px {
  color: var(--black);
  font-family: var(--font-family-telegraf-regular);
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
}

.pretendard-regular-normal-celeste-20px {
  color: var(--celeste);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.telegraf-regular-normal-white-56px {
  color: var(--white);
  font-family: var(--font-family-telegraf-regular);
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
}

.pretendard-extra-extra-bold-black-40px {
  color: var(--black);
  font-family: var(--font-family-pretendard-extrabold);
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
}

.pretendard-bold-white-40px {
  color: var(--white);
  font-family: var(--font-family-pretendard-bold);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
}

.suite-semi-bold-white-20px {
  color: var(--white);
  font-family: var(--font-family-suite-semibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.galmuri11-regular-normal-gorse-17px {
  color: var(--gorse-2);
  font-family: var(--font-family-galmuri11-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.galmuri11-regular-normal-white-17px {
  color: var(--white);
  font-family: var(--font-family-galmuri11-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.pretendard-medium-cyan--aqua-56px {
  color: var(--cyan--aqua);
  font-family: var(--font-family-pretendard-medium);
  font-size: 56px;
  font-style: normal;
  font-weight: 500;
}

.pretendard-medium-cyan--aqua-85px {
  color: var(--cyan--aqua);
  font-family: var(--font-family-pretendard-medium);
  font-size: 85px;
  font-style: normal;
  font-weight: 500;
}

.pretendard-semi-bold-mona-lisa-20px {
  color: var(--mona-lisa);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.pretendard-semi-bold-black-16px {
  color: var(--black);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 600;
}

.pretendard-semi-bold-black-15-6px {
  color: var(--black);
  font-family: var(--font-family-pretendard-semibold);
  font-size: 15.6px;
  font-style: normal;
  font-weight: 600;
}

.pretendard-medium-lochmara-19px {
  color: var(--lochmara);
  font-family: var(--font-family-pretendard-medium);
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
}

.suite-extra-extra-bold-white-20px {
  font-family: var(--font-family-suite-extrabold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 800;
}

.suite-extra-extra-bold-white-20px-2 {
  color: var(--white);
  font-family: var(--font-family-suite-extrabold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 800;
}

.suite-medium-white-26px {
  color: var(--white);
  font-family: var(--font-family-suite-medium);
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
}

.galmuri11-regular-normal-white-18px {
  color: var(--white);
  font-family: var(--font-family-galmuri11-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.galmuri11-regular-normal-gorse-18px {
  color: var(--gorse);
  font-family: var(--font-family-galmuri11-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.galmuri11-regular-normal-yellow-17px {
  color: var(--j4ie3l);
  font-family: var(--font-family-galmuri11-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.galmuri11-regular-normal-white-31px {
  color: var(--white);
  font-family: var(--font-family-galmuri11-regular);
  font-size: 31px;
  font-style: normal;
  font-weight: 400;
}

.pretendard-regular-normal-nobel-20px {
  color: var(--nobel);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.pretendard-medium-white-17px {
  color: var(--white);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.telegraf-regular-normal-mona-lisa-15px {
  color: var(--mona-lisa);
  font-family: var(--font-family-telegraf-regular);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}

.pretendard-medium-sweet-pink-13px {
  color: var(--sweet-pink);
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 500;
}

.pretendard-regular-normal-celeste-20px-2 {
  color: var(--celeste-2);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.pretendard-medium-white-20-9px {
  color: var(--white);
  font-family: var(--font-family-pretendard-medium);
  font-size: 20.9px;
  font-style: normal;
  font-weight: 500;
}

.pretendard-bold-black-14px {
  color: var(--black);
  font-family: var(--font-family-pretendard-bold);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}

.pretendard-regular-normal-black-11-5px {
  color: var(--black);
  font-family: var(--font-family-pretendard-regular);
  font-size: 11.5px;
  font-style: normal;
  font-weight: 400;
}

.pretendard-semi-bold-lochmara-20px {
  color: var(--lochmara);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.pretendard-extra-extra-bold-lochmara-40px {
  color: var(--lochmara);
  font-family: var(--font-family-pretendard-extrabold);
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
}

.pretendard-semi-bold-cornflower-20px {
  color: var(--cornflower);
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.suite-semi-bold-suva-gray-25px {
  color: var(--suva-gray);
  font-family: var(--font-family-suite-semibold);
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
}

.suite-extra-extra-bold-white-22px {
  color: var(--white);
  font-family: var(--font-family-suite-extrabold);
  font-size: 22px;
  font-style: normal;
  font-weight: 800;
}

.suite-bold-white-21px {
  color: var(--white);
  font-family: var(--font-family-suite-bold);
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
}

.suite-bold-white-25px {
  color: var(--white);
  font-family: var(--font-family-suite-bold);
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
}

.suite-medium-chicago-26px {
  color: var(--chicago);
  font-family: var(--font-family-suite-medium);
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
}

.suite-medium-fuscous-gray-26px {
  color: var(--fuscous-gray-2);
  font-family: var(--font-family-suite-medium);
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
}

.suite-medium-fuscous-gray-26px-2 {
  color: var(--fuscous-gray-3);
  font-family: var(--font-family-suite-medium);
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
}

.suite-medium-gray-26px {
  color: var(--gray);
  font-family: var(--font-family-suite-medium);
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
}

.galmuri11-regular-normal-black-23-4px {
  color: var(--black);
  font-family: var(--font-family-galmuri11-regular);
  font-size: 23.4px;
  font-style: normal;
  font-weight: 400;
}

.galmuri11-regular-normal-white-15px {
  color: var(--white);
  font-family: var(--font-family-galmuri11-regular);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}